<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>会话记录</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>
</head>
<body>
        <nav class="nav-bar nav-bar-tab">
            <a href="index.html" class="nav-tab-item ">
                <span class="nav-icon icon-uniE90A"></span>
                <span class="nav-tab-label">首页</span>
            </a>
            <a href="contact.html" class="nav-tab-item">
                <span class="nav-icon icon-uniE919"></span>
                <span class="nav-tab-label">通讯录</span>
            </a>
            <a href="chatrecord.html" class="nav-tab-item nav-active">
                <span class="nav-icon icon-uniE903"><span class="nav-badge">1</span></span>
                <span class="nav-tab-label">消息</span>
            </a>
             <a href="userPu.html" class="nav-tab-item">
                <span class="nav-icon icon-uniE90B"></span>
                <span class="nav-tab-label">我的</span>
            </a>
        </nav>
		<div class="chatrecord">
        	<!--消息记录搜索栏-->
    		<div class="contact">
                <div class="contact-search">
                    <i class="icon-uniE90F"></i>
                    <input type="search" placeholder="搜索">
                 </div>
             </div>
             <!--消息记录搜索栏end-->
			<!--会话记录-->
            <ul class="chatrecord-content">
                <li>
                    <a href="circle.html">
                        <div class="News-icon-box">
                            <i class="icon-uniE901"></i>
                        </div>
                        <div class="chatrecord-txt">
                            <span class="user-name">系统信息</span>
                            <p>新版本发布通知</p>
                        </div>
                        <span>16:43</span>
                    </a>  
                </li>
                <li>
                    <a href="cardexchange.html">
                        <div class="News-icon-box News-icon-box2">
                            <i class="icon-uniE920"></i>
                        </div>
                        <em class="nav-badge">1</em>
                        <div class="chatrecord-txt">
                            <span class="user-name">请求信息</span>
                            <p>碧琳请求交换名片</p>
                        </div>
                        <span>16:43</span>
                    </a>
                </li>
                <li>
                    <a href="eventreminder.html">
                        <div class="News-icon-box News-icon-box3">
                            <i class="icon-uniE924"></i>
                        </div>
                        <div class="chatrecord-txt">
                            <span class="user-name">活动信息</span>
                            <p>协会发布了新活动</p>
                        </div>
                        <span>16:43</span>
                    </a>
                </li>
                <li>
                    <a href="notify.html">
                        <div class="News-icon-box News-icon-box4">
                            <i class="icon-13"></i>
                        </div>
                        <div class="chatrecord-txt">
                            <span class="user-name">通知信息</span>
                            <p>你收到一条信息</p>
                        </div>
                        <span>16:43</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="News-icon-box News-icon-box5">
                            <i class="icon-uniE929"></i>
                        </div>
                        <div class="chatrecord-txt">
                            <span class="user-name">圈子动态</span>
                            <p>碧琳评论了你的圈子</p>
                        </div>
                        <span>16:43</span>
                    </a>
                </li>
                <!--
                <li>
                	<a href="#">
                		<img src="images/ts1.jpg">
                        <em class="nav-badge">1</em>
                        <div class="chatrecord-txt">
                    		<span class="user-name">安琪拉<i class="icon-vip0"></i></span>
                            <p>师傅在吗，昨天的采购单出货没？</p>
                        </div>
                        <span>16:43</span>
                   	</a>  
                </li>
                <li>
                    <a href="#">
                        <img src="images/ts6.jpg">
                        <em class="nav-badge">10</em>
                        <div class="chatrecord-txt">
                            <span class="user-name">陈长荣<i class="icon-vip5"></i></span>
                            <p>4月份供货单已发你电子邮箱。</p>
                        </div>
                        <span>13:01</span>
                    </a>  
                </li>  
                <li>  
                    <a href="#">
                        <img src="images/user-img.png">
                        <em class="nav-badge">99+</em>
                        <div class="chatrecord-txt">
                            <span class="user-name">陈华春<i class="icon-vip6"></i></span>
                            <p>你昨天是怎么想的,这么爽的事都干得出来?为什么不叫我!</p>
                        </div>
                        <span>昨天</span>
                    </a>  
                </li>  -->                
            </ul>
            <!--会话记录end-->
          </div>
</body>
</html>
